<template>
	<view>
		
		<swiper indicator-dots="true" indicator-color="rgba(255, 255, 255, 1)" indicator-active-color="#F09238">
			<swiper-item>
				<view>
					<view class="skip" @click="goIndex">跳过</view>
					<image class="img" src="../../static/lead/lead1.png" mode=""></image>
					<image class="text" src="../../static/lead/lead1-1.png" mode=""></image>
				</view>
				
			</swiper-item>
			<swiper-item>
				<view>
					<view class="skip" @click="goIndex">跳过</view>
					<image class="img" src="../../static/lead/lead2.png" mode=""></image>
					<image class="text" src="../../static/lead/lead2-2.png" mode=""></image>
				</view>
				
			</swiper-item>
			<swiper-item>
				<view>
					<view class="skip" @click="goIndex">进入</view>
					<image class="img" src="../../static/lead/lead3.png" mode=""></image>
					<image class="text" src="../../static/lead/lead3-3.png" mode=""></image>
				</view>
				
			</swiper-item>
		</swiper>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			goIndex(){
				uni.setStorageSync('isLook',true)
				uni.switchTab({
					url:"../index/index"
				})
			}
		}
	}
</script>

<style>
	page {
		width: 750rpx;
		height: 100%;
		background: linear-gradient(307deg, #0083FF 0%, #1387FB 4%, #3D90F4 15%, #6198EF 27%, #7F9FEA 39%, #96A4E6 51%, #A6A8E4 65%, #AFAAE2 80%, #B3ABE2 100%);
	}
	.skip {
		margin-right: 47rpx;
		margin-top: 68rpx;
		margin-bottom: 50rpx;
		text-align: right;
		font-size: 45rpx;
		color: #FFFFFF;
	}
	swiper{
		height: 100vh;
	}
	swiper-item{
		height: 100vh;
	}
	.img{
		width: 750rpx;
		height: 660rpx;
		opacity: 1;
	}
	.text{
		width: 315rpx;
		height: 126rpx;
		margin: 90rpx 218rpx;
	}
</style>
